@import "var.scss";
@charset "utf-8";
*{
	padding: 0;
	margin: 0;
	font-size: inherit;
}
html {
	font-size: 20px;
}
body {
	font-size: 75%;
	font-family: 'Microsoft YaHei';
}
.oc-dialog, .oc-alert{
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border: 1px $borderColor solid;
	box-shadow: 0px 0px 10px 2px $shadowColor;
	font-size: 1em;
	position: fixed;
	width: $defaultWidth; 
	height: $defaultHeight;
	background-color: #fff;
	>header{
		//text-align: center;
		width: 100%;
		height: $heard-h;
		line-height: $heard-h;
		position: relative;
		>label{
			margin-left: 0.35rem;
			font-size: 0.6rem;
		}
		>i{	
			display: block;
			width: 0.8rem;
			height: 0.8rem;
			background: url('http://usr.im/16x16') no-repeat;
			background-size: 100% 100%;
			//position: absolute;
		//	left: 0.4rem;
			top:  ($heard-h - 0.8rem)*0.5;
  			position: relative;
			float: left;
			margin-left: 0.35rem;
//			position: absolute;
//			top:0.5*( $titleHeight + $blankWidth);
//			left:0.05rem;
//			margin-top: -0.4rem;
			&.divider{
				margin-right: 0.35rem;
			}
			&.divider:after{
				content: "";
				display: block;
				position: absolute;
				height: 0.7rem;
				width: 1px;
				background-color: $secantColor;
				left: 1.1rem;
				top: 0.05rem;
				box-shadow: 0px 0px 1px #fff;
			}
		}
	}
	>nav{//右上角的按钮
			position:absolute;
			right:  0;
			top: 0;
			height: $heard-h;
			button{
				display: block;
				float: left;
				padding: 0 $nav-icon-padding;
				background-color: transparent;
				border: none;
				width: 2.25rem;
				height:100%;
				line-height: 100%;
				&:hover{
					background-color:$nav-icon-bgColor;
				}
			}
			button.danger:hover{
					background-color:$dangerHoverColor;
			}
		}	
	>main {
		display: block;
		flex: 1;
	}
}
.oc-dialog-max {
	/* Default dialog size */
	border: none;
	height: $maxDialogHeight;
	width: $maxDialogWidth;
	box-shadow: none;
	>header{ 
		height:$max-heade-h;
		//line-height:$max-heade-h;
		i{
			//left: 0.1rem;
			//top: ($max-heade-h - 0.8rem)*0.5;
		}
	}
	>nav{
		height: $max-heade-h;
	}
}
.oc-alert {
	/* Default alert size */
	height: $minAlertHeight;
	width: $minAlertWidth;
}